@charset "utf-8";
/*end*/
body{overflow-x:hidden;}






.search{height:68px; background:#eaeaea;}
.sea span{display: block; width:700px; float:left;}
.sea span i{display: block;float:left; height:68px; line-height: 68px;font-size: 15px; color:#666666; font-weight:bold;margin-right: 5px;}
.sea span a{display: block;float:left; height:68px; line-height: 68px;font-size: 16px; color:#888888;font-weight: normal;margin-right: 45px;}
.sea span a:last-child{margin-right: 0;}
.sea .sou{width:469px; height:40px;float:right; margin-top: 14px;border-radius: 25px; overflow: hidden;}
.sea .sou .txt{width:415px; height:40px; background:#FFF;font-size: 15px; color:#a1a1a1;padding:0 17px; box-sizing: border-box;float:left;}
.sea .sou .btn{width:54px; height:40px;float:right; background:#01458e url(../images/sea-btn.png) no-repeat center; cursor: pointer;}
.sea .sou .txt::-webkit-input-placeholder{font-size: 15px; color:#a1a1a1;}
.sea .sou .txt::-moz-placeholder{font-size: 15px; color:#a1a1a1;}
/**/
.guide{height:587px;}
.gui{padding-top:73px;}
.gui h2{text-align: center; margin-bottom: 20px;}
.gui h2 span{display: block; height:98px; line-height: 98px;font-size: 42px; color:#333333; font-weight: normal;}
.gui h2 i{display: block;width:57px; height:4px; background:#01458e;margin:0 auto;}
.gui strong{display: block;line-height: 29px;font-size: 16px; color:#666666; text-align: center; margin-bottom: 66px; font-weight: normal;}
.gui ul li{float:left;width:166px;  height:162px;margin-left: 178px; position: relative;}
.gui ul li:first-child{margin-left: 0;}
.gui ul li:before{width:100%; height:162px; background:url(../images/gui-qq.png) no-repeat center; content:"";position: absolute; left:0;top:0;transition: all 0.5s ease-in-out;border-radius: 50%; overflow: hidden;}
.gui ul li:after{width:22px; height:170px; background: url(../images/gui-yy.png) no-repeat center top; content:""; position: absolute;right:-105px;top:-4px;}
.gui ul li .default{position: relative;z-index:200;width:100%;padding-top:41px; transition: .5s;}
.gui ul li .default i{display: block; width:53px; height:42px;margin:0 auto; transition: .5s;}
.gui ul li .default span{display: block; height:54px; line-height: 54px; text-align: center;font-size: 20px; color:#01458e; font-weight: bold;}
.gui ul li .default p{text-align: center; line-height: 0; font-size: 14px; color:#FFF; transition: .5s; overflow: hidden;}
.gui ul li:last-child:after{display: none;}
.gui ul li:hover:before{background:url(../images/gui-qq_h.png) no-repeat center;transform: rotate(360deg);}
.gui ul li:hover .default{padding-top:27px;}
.gui ul li:hover .default i{height: 0; overflow: hidden;}
.gui ul li:hover .default span{color:#FFF;}
.gui ul li:hover .default p{line-height: 23px;}
/**/
.product{height: 983px; background: #eaeaea}
.pro{padding-top:60px;}
.pro h2{text-align: center; margin-bottom: 40px;}
.pro h2 span{display: block; height:58px; line-height: 58px;font-size: 46px; color:#333333; font-weight: bold;}
.pro h2 em{display: block; height:33px; line-height: 33px;font-size: 20px; color:#666666; font-weight: normal;}
.pro .pro-nav{width:254px;border:2px solid #dcdcdc;float:left; height:695px; background:#FFF;}
.pro .pro-nav h3{height:80px;}
.pro .pro-nav h3 a{display: block; height:80px;padding:19px 0 0 46px; box-sizing: border-box;background: url(../images/pro-dbx.png) no-repeat 80%;}
.pro .pro-nav h3 span{display: block;height:28px; line-height: 28px;font-size: 22px; color:#FFF; font-weight: bold;}
.pro .pro-nav h3 em{display: block; height:15px; line-height: 15px;font-size: 12px; color:#b2b2b2; font-family: "Arial";}
.pro .pro-nav ul{padding:11px 27px 31px 26px;background:#FFF;}
.pro .pro-nav ul li{float:left; width:200px; height:41px; line-height: 41px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* .pro .pro-nav ul li:nth-child(2n){float:right;} */
.pro .pro-nav ul li a{display: block; height:41px; padding-left:13px;background:url(../images/pro-ico.png) no-repeat left;font-size: 16px; color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro .pro-nav h3.fl1{background:#01458e;}
.pro .pro-nav h3.fl2{background:url(../images/pro-fl2.jpg) no-repeat center;}
.pro .pro-nav h3.fl2 span{color:#333333;}
.pro .pro-rig{width:933px;float:right;position: relative;}
.pro .pro-rig ul li{float:left; width:309px; height:231px; position: relative; overflow: hidden;border-top:3px solid #e6e6e6;border-left:3px solid #e6e6e6;}
.pro .pro-rig ul li span{display: block;width:100%; line-height: 0; overflow: hidden;}
.pro .pro-rig ul li span img{width: 100%; transition: 1s;}
.pro .pro-rig ul li em{display: block; width:100%; height:41px; line-height: 41px; text-align: center;font-size: 16px; color:#FFF; position: absolute;left:0;bottom:0;background:rgba(55,55,55,.8);transition:.5s;}
.pro .pro-rig ul li:first-child,.pro .pro-rig ul li:nth-child(2){margin-left: 621px;}
.pro .pro-rig ul li:first-child{border-top:0;}
.pro .pro-rig ul li:nth-child(3){border-left:0;}
.pro .pro-rig ul li .hover{width: 100%; height:100%; position: absolute; left:0;top:0;background: rgba(255,145,2,0.79);transform: scale(0);padding-top:76px; box-sizing: border-box; transition: .5s;}
.pro .pro-rig ul li .hover i{display: block; height:46px; line-height: 46px;font-size: 20px; color:#FFF; text-align: center; font-weight: bold;padding-bottom:49px; background:url(../images/pro-jia.png) no-repeat  center bottom;}
.pro .pro-rig ul li.cur .hover{transform: scale(1);}
.pro .pro-rig ul li.cur em{bottom:-50px;}
.pro .pro-rig ul li.cur span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.pro .bdt{width:621px; height:465px; position: absolute; left:0;top:0;}
.pro .bdt dl{width:621px; height:465px; position: relative;}
.pro .bdt dl dt{width:621px; height:465px; line-height: 0; overflow: hidden;}
.pro .bdt dl dt img{width:100%; transition: 1s;}
.pro .bdt dl dd{width:100%; height:70px; background:rgba(55,55,55,0.8); position: absolute; left:0;bottom:0;padding:18px 0 0 38px; box-sizing: border-box;}
.pro .bdt dl dd h4{height:40px; line-height: 40px;float:left; margin-right: 26px;}
.pro .bdt dl dd h4 a{font-size: 20px; color:#FFF; font-weight: bold;}
.pro .bdt dl dd p{width:350px;height:40px; line-height: 40px; float:left;font-size: 14px; color:#FFF;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro .bdt dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.jgbj{height:863px; background:url(../images/jgbj.jpg) no-repeat center top;}
.jg{ }
.jg h2{text-align: center; margin-bottom: 28px;}
.jg h2 span{display: block;height:59px; line-height: 59px;font-size: 46px; color:#333333; font-weight: bold;}
.jg h2 em{display: block; height:34px; line-height: 34px;font-size: 20px; color:#666666; font-weight: normal;}
.jg .jg-nav{height:183px;margin-bottom: 27px;}
.jg .jg-nav h3{width:200px; height:179px;float:left;text-align: center; background:url(../images/jg-tit.png) no-repeat center top;font-size: 30px; color:#FFF; font-weight: bold;padding-top:50px; box-sizing: border-box; line-height: 41px;}
.jg .jg-nav ul{float:left; }
.jg .jg-nav ul li{float:left;width:300px; height:268px;background:url(../images/jg-dbx.png) no-repeat center top;padding-top:15px; box-sizing: border-box;margin-left: -11px;}
.jg .jg-nav ul li i{display: block; width:48px; height:39px; overflow: hidden;margin:0 auto;}
.jg .jg-nav ul li i img{width:100%; transition: .5s;}
.jg .jg-nav ul li em{display: block; height:38px;line-height: 28px; text-align: center;font-size: 20px; color:#333333; font-weight: bold;}
.jg .jg-nav ul li em span{font-size:15px;   font-weight: normal; }
.jg .jg-nav ul li:first-child{margin-left: 0;}
.jg .jg-nav ul li:nth-child(odd){margin-top: 42px;}
.jg .jg-nav ul li.cur{background:url(../images/jg-dbx_h.png) no-repeat center top;}
.jg .jg-nav ul li.cur i img{margin-top:-39px;}
.jg .jg-nav ul li.cur em{color:#FFF;}
.jg .jg-box{height:479px; position: relative;padding-top: 50px;}
.jg .jg-box dl{height:479px;}
.jg .jg-box dl dt{width:642px; height:479px;line-height: 0; overflow: hidden;float:left;padding:0 0 12px 13px; box-sizing: border-box; position: relative;margin-left: -13px;}
.jg .jg-box dl dt i{display: block;width:629px; height:467px; overflow: hidden;line-height: 0;}
.jg .jg-box dl dt:before{width:429px; height:382px;background:#ff9102;content:""; position: absolute;left:0;bottom:0;}
.jg .jg-box dl dt i img{width:100%;position: relative; transition: 1s;}
.jg .jg-box dl dd{width:532px; float:right;padding-top:27px;}
.jg .jg-box dl dd p{line-height: 37px;font-size: 18px; color:#666666; margin-bottom: 54px;}
.jg .jg-box dl dd ul{margin-bottom: 48px;}
.jg .jg-box dl dd ul li{float:left; width:260px; height:190px; overflow: hidden; line-height: 0;}
.jg .jg-box dl dd ul li img{width:100%; transition: 1s;}
.jg .jg-box dl dd ul li:nth-child(2n){float:right;}
.jg .jg-box dl dt:hover i img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.jg .jg-box dl dd ul li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.jg .jg-jt{width:63px; height:16px;position: absolute; bottom:30px;right:20px;}
.jg .jg-jt i{display: block; width:10px; height:16px; float:left;cursor: pointer;}
.jg .jg-jt i.jg-prev{background: url(../images/jg-prev.png) no-repeat center;}
.jg .jg-jt i.jg-next{background: url(../images/jg-next.png) no-repeat center;float:right;}
/**/
.ysbj{height:1070px;}
.ys{padding-top:87px;}
.ys h2{text-align: center; margin-bottom: 30px;}
.ys h2 span{display: block; height:59px; line-height: 59px; font-size: 46px; color:#333333; font-weight: bold;}
.ys h2 em{display: block;height:33px; line-height: 33px; font-size: 20px; color:#666666; font-weight: normal;}
.ys .ys-nav{height:90px; border-top:1px solid #c9c9c9;}
.ys .ys-nav ul{width:1200px; margin:0 auto;}
.ys .ys-nav ul li{float:left;width:224px; height:90px;position: relative;margin-left: 101px;}
.ys .ys-nav ul li:before{width:0; height:3px; background:#ff9102; content:""; position: absolute;left:0;top:-1px; transition: .5s;}
.ys .ys-nav ul li i{display: block; width:45px; height:41px; overflow: hidden;float:left; margin:23px 12px 0 19px;}
.ys .ys-nav ul li i img{width:100%; transition: .5s;}
.ys .ys-nav ul li em{display: block;float:left; height:90px; line-height: 90px;font-size: 28px; color:#353a3f; font-weight: bold;}
.ys .ys-nav ul li:first-child{margin-left: 0;}
.ys .ys-nav ul li.cur:before{width:100%;}
.ys .ys-nav ul li.cur i img{margin-top:-41px;}
.ys .ys-nav ul li.cur em{color:#ff9102;}
.ys .plan_c .tempWrap{overflow: visible !important;}
.ys .plan_c dl{width: 1200px;position: relative;margin-right: 31px;padding-bottom: 54px;}
.ys .plan_c dl:before{content: "";position: absolute;width:100%;height:663px;background:rgba(10,18,46, 0.5);top:0;left:0;z-index: 2;}
.ys .plan_c dt,.plan_c dt img{width: 1200px;display: block;height: 663px;}
.ys .plan_c dd{position: absolute;width:715px;height: 180px;box-sizing:border-box;display: none;padding:32px 0 0 62px;left: 0;bottom:0px; background: rgba(56, 112, 116, 0.91);color: #fff;}
.ys .plan_c dd h4{display: block;font-size: 32px;line-height: 73px;height: 73px;color: #fff;}
.ys .plan_c dd h4 a{display: block;color: #fff;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ys .plan_c dl.cur dd{display: block;}
.ys .plan_c dl.cur:before{display:none;}
.ys .yshd{position: absolute;width: 200px;right: 35px;bottom: 10px;z-index: 1;height: 3px;}
.ys .yshd:before{content: "";position: absolute;width:200px;height:1px;background:#353a3f;left: 0;bottom: 1px;z-index: -1;}
.ys .yshd li{width:50px;height: 3px;position: absolute;left: 0;top: 0;}
.ys .yshd li:nth-child(2){width: 100px;}
.ys .yshd li:nth-child(3){width: 150px;}
.ys .yshd li:nth-child(4){width: 200px;}
.ys .yshd li:before{content: "";position: absolute;width: 0;height: 3px;left:0;top:0;z-index: 1;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;background: #ff9102;}
.ys .yshd li.on:before{width: 100%;}
.ys .plan_nub{position: absolute;width: 282px;right: 0;bottom:0;z-index: 1;font-size: 14px;color: #333;font-weight: bold;}
.ys .plan_nub span,.plan .plan_nub em{display: inline-block;width: 50px;text-align: center;line-height:20px; font-family: "Acrom"; font-weight: bold; }
.ys .plan_nub em{float: right; color:#353a3f;}
.ys .plan_nub span{float: left;color:#ff9102;}
.ys .ys-jt{width:100%;position: relative;}
.ys .ys-jt i{display: block; width:61px; height:62px; cursor: pointer;z-index:300;}
.ys .ys-jt i.ys-prev{background:url(../images/ys-prev.png) no-repeat center; position: absolute;left:-142px; top:-416px;}
.ys .ys-jt i.ys-next{background:url(../images/ys-next.png) no-repeat center; position: absolute;right:-142px; top:-416px;}
@media screen and  (min-width:760px) and (max-width:1680px){
    .ys .ys-jt i.ys-prev{ position: absolute;left:0; top:-416px;}
    .ys .ys-jt i.ys-next{ position: absolute;right:0; top:-416px;}
}
/**/
.casebj{height:700px;border-bottom: 2px solid #e8e8e8;}
.case{padding-top:27px;}
.case h2{text-align: center; margin-bottom: 37px;}
.case h2 span{display: block;height:58px; line-height: 58px;font-size: 46px; color:#333333; font-weight: bold;}
.case h2 em{display: block; height:33px; line-height: 33px;font-size: 20px; color:#666666; font-weight: normal;}
.case .cas-nav{height:98px;}
.case .cas-nav ul li{float:left;width:14.2%; position: relative;}
.case .cas-nav ul li:before{width:3px; height:59px; background:url(../images/cas-xt.png) no-repeat center;content:""; position: absolute;right:0;top:0;}
.case .cas-nav ul li i{display: block; width:34px; height:27px; overflow: hidden; line-height: 0;margin:0 auto;}
.case .cas-nav ul li i img{width:100%; transition: .5s;}
.case .cas-nav ul li em{display: block; height:47px; line-height: 47px; text-align: center;font-size: 18px; color:#666666;}
.case .cas-nav ul li:last-child:before{display: none;}
.case .cas-nav ul li.cur i img{margin-top:-27px;}
.case .cas-nav ul li.cur em{color:#ff9102; font-weight: bold;}
.case .cas-box ul{height:471px;}
.case .cas-box ul li{float:left;width:340px;padding:0 44px;height:471px;border-right:1px solid #e5e5e5;}
.case .cas-box ul li dl dt{height:255px; line-height: 0; overflow: hidden;}
.case .cas-box ul li dl dt img{width:100%; transition: 1s;}
.case .cas-box ul li dl dd{padding-top:16px;}
.case .cas-box ul li dl dd h4{height:49px;line-height: 49px; margin-bottom: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case .cas-box ul li dl dd h4 a{font-size: 24px; color:#333333; font-weight: normal;}
.case .cas-box ul li dl dd p{line-height: 25px;font-size: 16px; color:#666666; margin-bottom: 32px;}
.case .cas-box ul li dl dd span{display: block; height:27px; line-height: 27px;}
.case .cas-box ul li dl dd span a{display:inline-block; height:27px;font-size: 16px; color:#999999;}
.case .cas-box ul li:first-child{padding-left:0;}
.case .cas-box ul li:last-child{padding-right:0;border-right:0;}
.case .cas-box ul li:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case .cas-box ul li:hover dl dd h4{color:#ff9102;}
.case .cas-box ul li:hover dl dd h4 a{color:#ff9102;}
/**/
.newsbj{height:842px;background:#eaeaea;}
.news{padding-top:67px;}
.news h2{text-align: center;margin-bottom: 19px;}
.news h2 span{display: block; height:58px; line-height: 58px;font-size: 46px; color:#333333; font-weight: bold;}
.news h2 em{display: block; height:33px; line-height: 33px;font-size: 20px; color:#666666; font-weight: normal;}
.news .news-left{width:773px; height:557px;background:#FFF;float:left;padding:0 20px 0 35px; box-sizing: border-box;}
.news .news-left h3{height:66px; margin-bottom: 13px;}
.news .news-left h3 span{display: block; height:66px; line-height: 66px;float:left;font-size: 24px; color:#01458e; font-weight: bold;}
.news .news-left h3 em{display: block; height:66px; line-height: 66px; float:right; margin-right: 35px;font-size: 14px; color:#666666; font-weight: normal;}
.news .news-left dl{height:210px;}
.news .news-left dl dt{width:320px; height:180px; line-height: 0; overflow: hidden;float:left;}
.news .news-left dl dt img{width:100%; transition: 1s;}
.news .news-left dl dd{float:left; width:337px;padding-left:46px; box-sizing: border-box;}
.news .news-left dl dd h4{height:43px; margin-bottom: 7px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#ff9102;}
.news .news-left dl dd h4 a{font-size: 18px; color:#ff9102;font-weight: normal;}
.news .news-left dl dd p{line-height: 24px;font-size: 14px; color:#666666;margin-bottom: 15px;width:284px; text-align: justify;}
.news .news-left dl dd i{display: block; text-align: right;font-size: 12px; color:#999999;}
.news .news-left dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news-left .news-bd{overflow: hidden;}
.news .news-left ul li{height:47px;border-bottom:1px dashed #dcdcdc;padding-left:25px; background:url(../images/news-dd.png) no-repeat left;}
.news .news-left ul li em{display: block; height:47px; line-height: 47px;float:left;font-size: 16px; color:#333333;}
.news .news-left ul li i{display: block; height:47px; line-height: 47px; float:right;margin-right: 62px;font-size: 12px; color:#999999;}
.news .news-left ul li:last-child{border-bottom:0;}
.news .news-left ul li:hover em{ color:#01458e;}
.news .news-left ul li:hover i{color:#01458e;}
.news .news-rig{width:414px; height:557px;background: #FFF;float:right;padding:0 28px; box-sizing: border-box;}
.news .news-rig h3{height:64px; line-height: 64px;border-bottom:1px dashed #cccccc;}
.news .news-rig h3 span{display: block;font-size: 24px; color:#01458e; font-weight: bold;float:left;}
.news .news-rig h3 em{display: block; height:65px; line-height: 66px; float:right;font-size: 14px; color:#666666; font-weight: normal;}
.news .news-rig .wd-bd{overflow: hidden;}
.news .news-rig ul li{height:163px !important;border-bottom:1px dashed #cccccc;padding-top:7px; box-sizing: border-box;}
.news .news-rig ul li h4{height:43px; line-height: 43px; margin-bottom: 7px;}
.news .news-rig ul li h4 a{padding-left:35px; background:url(../images/news-ico.png) no-repeat left;font-size: 17px; color:#333333;font-weight: normal;}
.news .news-rig ul li p{padding-left:35px; line-height: 24px;font-size: 14px; color:#666666;letter-spacing: 1px;}
/**/
.about{height:1200px;}
.abo{padding-top:86px;}
.abo h2{text-align: center; margin-bottom: 38px;}
.abo h2 span{display: block; height:64px; line-height: 64px;font-size: 46px; color:#333333;font-weight: bold;}
.abo h2 em{display: block; height:37px; line-height: 37px;font-size: 20px; color:#666666; font-weight: normal;}
.abo dl{height:580px;margin-bottom: 66px;}
.abo dl dt{width:960px; height:580px; float:right; margin-right: -360px; line-height: 0; overflow: hidden;}
.abo dl dt img{width:100%; transition: 1s;}
.abo dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.abo dl dd{width:960px; height:580px; float:left; margin-left: -360px;padding:117px 100px 0 360px; box-sizing: border-box;background:url(../images/ab-leftbj.jpg) no-repeat left;}
.abo dl dd p{line-height: 40px;font-size: 16px; color:#666666; margin-bottom: 70px;}
.abo dl dd p a{color:#ff9102;}
.abo dl dd ul li{float:left;width:33.3%; height:86px;border-right:1px solid #eeeeee;padding-top:12px; box-sizing: border-box;}
.abo dl dd ul li i{display: block; width:44px; height:36px; margin:0 auto 17px; line-height: 0; overflow: hidden;}
.abo dl dd ul li i img{width:100%;}
.abo dl dd ul li em{display: block; text-align: center;font-size: 20px; color:#333333; line-height: 20px;}
.abo dl dd ul li:last-child{border-right:0;}
.abo .abo-bot{height:254px;}
.abo .abo-ul{height:254px;overflow: hidden;}
.abo .abo-ul ul li{float:left; width:280px;margin-right: 27px;}
.abo .abo-ul ul li span{display: block; height:210px; line-height: 0; overflow: hidden;}
.abo .abo-ul ul li span img{width:100%; transition: 1s;}
.abo .abo-ul ul li em{display: block; height:44px; line-height: 44px; text-align: center;font-size: 16px; color:#666666;}
.abo .abo-ul ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}